import useGameDataStore from '@/store/gameData'
import { defineComponent } from 'vue'
import Card from './Card'

export default defineComponent({
  name: 'CacheArea',
  setup() {
    /* render 函数 */
    return () => {
      const { cacheAreaCards } = useGameDataStore()
      return (
        <div class="cache-area m-2 h-16 flex border-2 border-gray-500 border-solid">
          {cacheAreaCards.map((card) => (
            <Card name={card} />
          ))}
        </div>
      )
    }
  }
})
